<script setup lang="ts">
const router = useRouter()
const go = (target: string) => router.push(target)
const mnemonic = ref('')

const next = () => {
  localStorage.setItem('mnemonic', mnemonic.value)
  go('/password')
}
</script>

<template>
<div class="page-paste">
  <div class="card">
    <div class="title">Step (1/4): Mnemonic</div>
    <textarea class="mne-paste" v-model="mnemonic"></textarea>
    <div>paste your mnemonic above, words of mnemonic must be split with space(" ")</div>
  <div class="btn-in-card mt-5" @click="next">Next</div>
  </div>
  
</div>
</template>

<style>
.page-paste {
  padding: 15px;
}

.mne-paste {
  border-radius: 7px;
  width: 100%;
  margin: 15px 0;
  height: 10rem;
  padding: 0.5rem;
}
</style>